<div class='nav' [ngStyle]='{height: navHeight + "px" , "width":isCollapsed ? "80px" : "180px"}'>
  <ul nz-menu (nzClick)='menuClick($event)' [nzMode]="'inline'" nzTheme='dark' class='nav_ul' [nzInlineCollapsed]="isCollapsed">
    <li nz-menu-item nz-tooltip nzPlacement="right" [nzTitle]="isCollapsed ? 'Navigation One' : ''">
          <span title>
            <i nz-icon type="mail"></i>
            <span>首页</span>
          </span>
    </li>
    <li nz-submenu>
          <span title>
            <i nz-icon type="appstore"></i>
            <span>网站配置</span>
          </span>
      <ul>
        <li nz-menu-item><a routerLink='/home/H-web'> 资料</a></li>
        <li nz-menu-item><a routerLink='/home/H-web/work'> 经历</a></li>
        <li nz-submenu>
          <span title>作品</span>
          <ul>
            <li nz-menu-item><a routerLink='/home/H-web/tables/1'> UI</a> </li>
            <li nz-menu-item><a routerLink='/home/H-web/tables/2'> 网站</a></li>
            <li nz-menu-item><a routerLink='/home/H-web/tables/3'> 平面</a></li>
            <li nz-menu-item><a routerLink='/home/H-web/tables/4'> 绘画</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <!--<li nz-submenu>-->
    <!--<span title>-->
    <!--<i nz-icon type="setting"></i>-->
    <!--<span>Navigation Three</span>-->
    <!--</span>-->
    <!--<ul>-->
    <!--<li nz-menu-item>Option 9</li>-->
    <!--<li nz-menu-item>Option 10</li>-->
    <!--<li nz-menu-item>Option 11</li>-->
    <!--</ul>-->
    <!--</li>-->
  </ul>
</div>
